<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>企业离休、退休、退职人员遗属定期生活困难补助费审批表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../layui/css/layui.css">

    <style lang="">
          body{
            background-color: #fff !important;
        }
        input{
            border: none;
        border-color:#fff !important ;
         }
        .ok-body {
            width: 100%;
            height: 100%;

        }
        .frmBox{
            width: 90%;
            position: absolute;
            top: 0;left: 0;
            right: 0;
            bottom: 0;
            margin: auto auto;
            /* background-color: pink; */

        }
        .submitForm{
            width: 100%;
            position: absolute;
            top: 0;left: 0;
            right: 0;
            bottom: 0;
            margin: auto auto;
            display:flex;
            justify-content: top;
            align-items: center;
            flex-direction: column;
            /* background-color: gold; */
        }
        table{
        width:680px;
        margin-top: 30px;
    }
    tr{
        height: 35px;
    }
    h2{
        margin-top: 5%;
    }
    .h_title{
        width: 680px;
        display: flex;
        justify-content:space-between;
        /* background-color: red; */

    }
        .date {
            width: 100px;
            height: 20px;
            display: flex;
            justify-content: right;
            align-items: right;
            /* background-color: red; */
            margin-left: 80%;
        }

        .date p {
            margin-left: 10px;
        }

        .contentBox {
            width: 100%;
            height: 100%;
        }

        .contentBox p {
            font-size: 20px;
        }

        .contentBox h2 {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .contentBox .container {
            display: flex;
            justify-content: left;
            align-items: left;
            flex-direction: column;
            line-height: 10px;
            margin-left: 6%;
        }

        .contentBox .container p {
            letter-spacing: 10px;
            line-height: 40px;
        }

        .contentBox .footer {
         
            position: relative;
            /* background-color: blue; */
            height: 100px;
            top: 4%;
        }

        .last {
            height: 300px;
        }

        .p1 {
            margin-left: 6%;
            margin-top: 4%;
            margin-bottom: 4%;
        }

        .p2 {
            float: right;
            margin-right: 40%;
        }

        .p3 {
            float: left;
            margin-left: 6%;

        }

        .p4 {
            position: absolute;
            top: 23%;
            right: 15%;
        }
        h2{
            text-align: center;
            margin-bottom: 20px;
        }
        .h_p1{
            width: 100px;
        }
        .h_p2{
            width: 100px;
            margin-right: 100px; 
        }
        td{
            text-align: center;
        }
        .sign{
            height: 130px;
        }
        .sign p{
           padding-top: 100px;
           padding-left: 80px;
        }
      .last_sign p{
           padding-top: 80px !important;
        }
        .last_sign aside{
            margin-top: 5px;
           padding-left: 60px;

        }
        .footer{
            display: flex;
            justify-content:space-between;
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: -23%;
        }
        .people{
            margin-right: 60px;
        }
        .annotation{
            letter-spacing: 2px;
            margin-left: -23%;
        }
        #ftBox{
            margin-left: -23%;
        }
        .btn_box{
margin-top: 40px;
margin-bottom: 20px;
        }
        #btnPrint{
        background-color: #2f81ff;
        margin-right: 30px;
    }
    #btnBack{
        background-color: #ff8400;
    }
    .image{
       position:relative;
   }
   #bg{
       position:absolute;
       top:10%;
       bottom: 0px;
       right: 5%;
       left: 0px;
       margin: 10px -40px;
   }
    </style>
 <style media="print">
    @page {
            size: auto;  /* auto is the initial value */
            margin:0mm; /* this affects the margin in the printer settings */
        }
    </style>


</head>

<body>
    <div id="outBox">
        <div class="image" id="a">

        </div>

        <div class="ok-body" id="priBox">

            <div  class="frmBox">
              
                <form id="submitForm" class="submitForm">
                    <thead>
                        <caption style=" caption-side: top;">
                            <h2>企业离休、退休、退职人员遗属定期生活困难补助费审批表</h2>
                        </caption>
                    </thead>
                    <table class=" table-hover">
                       
     
                        <div class="h_title">
                            <p class="h_p1">申报单位:(章)</p>
                            <p class="h_p2">登记证编号:</p>
                        </div>
                        <tbody>
                                           
                      
                            <tr>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    死亡人员姓名
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:80px; height:40px; border-width: 1px; border-style: solid;">
                                    <input type="text" readonly style="width: 80px;" id="recordname">
                                  
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:80px; height:40px; border-width: 1px; border-style: solid;">
                                    参加革命工作时间
    
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    <input type="text" readonly id="" style="width: 160px;">
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                style=" width:80px; height:40px; border-width: 1px; border-style: solid;">
                                参加工作时间
    
                            </td>
                            <td valign="center" rowspan="1" colspan="2"
                                style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                <input type="text" readonly style="width: 90%;" >
                                
                            </td>
                          
    
                            </tr>
    
                            <tr>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    离休、退休、退职时间
    
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:80px; height:40px; border-width: 1px; border-style: solid;">
                                    <input type="text" style="width: 80px;" readonly id="txtime">
    
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    减员时间
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                死亡日期
                            </td>
                            <td valign="center" rowspan="1" colspan="2"
                                style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                <input type="text" readonly >
    
                                
                            </td>
                        
                            </tr>
                            <tr>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    原工作单位
                                </td>
                                <td valign="center" rowspan="1" colspan="6"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    <input type="text" readonly  style="width:100% ">
    
                                </td>
                               
                           
    
    
                            </tr>
                            <tr>
                                <td valign="center" rowspan="4" colspan="1"
                                    style=" width:10px; height:40px; border-width: 1px; border-style: solid;">
                                    遗嘱情况
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:80px; height:40px; border-width: 1px; border-style: solid;">
                                    姓 名
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                   
                                    
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    公民身份号码
                                    
                                    
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                           
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    月领取标准
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                
                            </td>
                          
    
                            </tr>
    
                            <tr>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:80px; height:40px; border-width: 1px; border-style: solid;">
                                    户口所在派出所
    
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    与死者的关系
    
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                孤独一人补贴
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                </td>
                          
                              
    
    
                            </tr>
                            <tr>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:80px; height:40px; border-width: 1px; border-style: solid;">
                                    乡镇街道办事处编码
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    本人联系电话
    
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                建国前补贴
    
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                </td>
                          
                              
    
    
                            </tr>
                            <tr>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:80px; height:40px; border-width: 1px; border-style: solid;">
                                    开始发放日期
    
                                </td>
                                <td valign="center" rowspan="1" colspan="3"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                </td>
                               
                                <td valign="center" rowspan="1" colspan="1"
                                style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                合计
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                </td>
                          
                              
    
    
                            </tr>
                            <tr>
                                <td valign="center" rowspan="3" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    补发信息
                                </td>
                                <td valign="center" rowspan="2" colspan="1"
                                    style=" width:80px; height:40px; border-width: 1px; border-style: solid;">
                                    月领取补助费金额
                                </td>
                                <td valign="center" rowspan="1" colspan="5"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    遗属困难补助费补发
                                </td>
                             
    
                            </tr>
                            <tr>
                                <td valign="center" rowspan="1" colspan="3"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    补发起止时间
                                </td>
                               
                                <td valign="center" rowspan="1" colspan="1"
                                style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                月数
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">补发金额
                                </td>
                               
    
                            </tr>
                            <tr>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:20px; height:40px; border-width: 1px; border-style: solid;">
                                    
                                </td>
                                <td valign="center" rowspan="1" colspan="3"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                </td>
                             
                                
                            </tr>
                            
                            <tr>
                                <td valign="center" rowspan="1" colspan="3"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    居委会或村委会意见
                                </td>
                                <td valign="center" rowspan="1" colspan="4"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    街道办事处、乡镇政府意见
                                </td>
    
                            </tr>
                            
    
                           
                            <tr>
                                <td valign="center" rowspan="1" colspan="3" class=""
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    <div class="sign">
                                        
                                        <p>签字(盖章):</p>
                                    </div>
                                </td>
                                <td valign="center" rowspan="1" colspan="4"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    <div class="sign">
                                        
                                        <p>签字(盖章):</p>
                                    </div>
                                </td>
                              
    
                            </tr>
                                
                            <tr>
                                <td valign="center" rowspan="1" colspan="3"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    单位或劳动保障服务中心意见
                                </td>
                                <td valign="center" rowspan="1" colspan="4"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                               社保经办机构意见
                                </td>
                            </tr>
    
                            <tr>
                                <td valign="center" rowspan="1" colspan="3"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    <div class="sign">
                                        <p>签字(盖章):</p>
                                    </div>
                                </td>
                                <td valign="center" rowspan="1" colspan="4"
                                    style=" width:40px; height:40px; border-width: 1px; border-style: solid;">
                                    <div class="sign last_sign"> 
                                        <p>签字(盖章):</p>
                                        <aside> 
                                            <span>&nbsp;&nbsp;&nbsp;&nbsp;年</span>
                                            <span>&nbsp;&nbsp;&nbsp;&nbsp;月</span>
                                            <span>&nbsp;&nbsp;&nbsp;&nbsp;日</span>
    
                                        </aside>
                                    </div>
                                </td>
                              
    
                            </tr>
    
    
    
    
                        </tbody>
    
                    </table>
                    <div class="">
                        <div class="footer">
                            <p>服务中心负责人：</p>
                            <p> 制表人：  </p>
                            <p>  制表时间： </p>
                            <p class="people"> 审核人：</p>
                        </div>
                        <p class="annotation">注：本表一式四份，社保机构二份，服务中心一份，财务处一份。</p>
                        <div class="ftBox" id="ftBox" style="display: none;margin-top: 90px;">
                               
                        </div>
                    </div>
    
                    <div class="btn_box">
              
                        <div class="layui-btn" id="btnPrint">
                           打印
                        </div>
                        <!-- <div class="layui-btn" id="btnBack">
                            返回
                        </div> -->
            
                    </div>
    
                </form>
            
            </div>
    
        </div>

    </div>
  
    <!--js逻辑-->
    <script src="../../../lib/layui/layui.js"></script>
    <script type="text/javascript" src="../../../lib/loading/okLoading.js"></script>
    <script src="../../../plugins/jquery/jquery-2.1.0.js"></script>
    <script src="../../../plugins/jquery/jQuery.print.js"></script>
    <script src="../../../js/print.js"></script>
    <script>
        layui.use(["element", "table", "form", "jquery", "laydate", "okLayer", "okUtils", "okMock"], function () {
            let table = layui.table;
            let form = layui.form;
            let laydate = layui.laydate;
            let okLayer = layui.okLayer;
            let okUtils = layui.okUtils;
            let okMock = layui.okMock;
            let $ = layui.jquery;
			okLoading.close($);

            okUtils.ajax("../../../data/navs.json", "get", true).done(function (res) {
                    console.log(res)
                    var usernameVal = res.data[0].recordname
                    console.log(usernameVal)
                    var idVal = res.data[0].idnumber
                    var textVal = res.data[0].title
                    var sexVal = res.data[0].sex
                    var addtVal = res.data[0].address
                    var txVal = res.data[0].tuixiutime
                    
                    $("#recordname").val(usernameVal);
                    $("#idNumber").val(idVal);
                    $("#txt").val(textVal);
                    $("#address").val(addtVal);
                    $("#sex").val(sexVal);
                    $("#txtime").val(txVal);



                    }).fail(function (error) {
                    console.log(error)
	             	});
       



        })
    </script>

</body>

</html>
